<!DOCTYPE html>
<html>
  <head>
    <title>s06.html</title>

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   
	<script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
	<script type="text/javascript">
		function f1(){
			$('div:contains(ss)').css('font-size','30px');
		}
		function f2(){
			$('div:empty').html('空的div');
		}
		function f3(){
			$('div:has(p)').css('font-size', '30px');
		}
		function f4(){
			$('div:parent').css('font-size','30px');
		}
		
	</script>
  </head>
  
  <body>
  	<!-- 内容过滤选择器 -->
  	<!-- ：contains(text)匹配包含给定文本的元素
  		  ：empty匹配所有不包含子元素或者文本的空
  		  ：has(selector)匹配含有选择器所匹配的元素
  		  ：parent匹配含有子元素或者文本的元素
  	 -->
  	 <a href="javascript:;" onclick="f4();">内容过滤选择器</a><br/><br/>
  	 <div>这里是div,ss</div>
  	 <div></div>
  	 <div>
  	 	<p>含有P标记的div</p>
  	 </div>
  </body>
</html>
